<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Document</title>
</head>
<body>
     <!-- 
         div： 盒子 用于分割页面元素，将页面分成多个模块（占地盘）

      -->
      <!-- 默认是透明的 没有高度  -->
     <div></div>
     <div style="height: 200px; background-color: pink;"></div>
     <!-- line-height 行高 值和高度设置成一样的 会让文本垂直居中 -->
     <div style="background-color: hotpink; width: 375px; height: 75px;line-height: 75px;">
     	<!-- text-decoration: none; 取消下划线  -->
     	<a href="" style="color: black;text-decoration: none;">新闻</a>
     	<a href="" style="color: black;text-decoration: none;">hao123</a>
     	<a href="" style="color: black;text-decoration: none;">地图</a>
     	<a href="" style="color: black;text-decoration: none;">贴吧</a>
     	<a href="" style="color: black;text-decoration: none;">视频</a>
     	<a href="" style="color: black;text-decoration: none;">图片</a>
     	<a href="" style="color: black;text-decoration: none;">网盘</a>
     	<a href="" style="color: black;text-decoration: none;">文库</a>
     	<a href="" style="color: black;text-decoration: none;">Ai+</a>
     	<a href="" style="color: black;text-decoration: none;">更多</a>
     </div>
</body>
</html>